<div class="demo-container">
    <div class="demo-example">
        <div class="demo-title">互相独立的单选项</div>
        <div class="demo-text">

        </div>
        <d-codebox id="components-radio-basic" [sourceData]="basicSource">
            <d-basic demo></d-basic>
        </d-codebox>
    </div>

    <div class="demo-example">
        <div class="demo-title">禁用</div>
        <div class="demo-text">

        </div>
        <d-codebox id="components-radio-disabled" [sourceData]="disabledSource">
            <d-disabled demo></d-disabled>
        </d-codebox>
    </div>

    <div class="demo-example">
        <div class="demo-title">横向排列</div>
        <div class="demo-text">

        </div>
        <d-codebox id="components-radio-horizontal" [sourceData]="horizontalSource">
            <d-horizontal demo></d-horizontal>
        </d-codebox>
    </div>

    <div class="demo-example">
        <div class="demo-title">竖向排列</div>
        <div class="demo-text">

        </div>
        <d-codebox id="components-radio-vertical" [sourceData]="verticalSource">
            <d-vertical demo></d-vertical>
        </d-codebox>
    </div>

    <div class="demo-example">
        <div class="demo-title">自定义单选项</div>
        <div class="demo-text">

        </div>
        <d-codebox id="components-radio-custom" [sourceData]="customSource">
            <d-custom demo></d-custom>
        </d-codebox>
    </div>

</div>

